<template>
  <div class="page-grey">
    <div class="top">
      <span @click="$router.back()">
        <svg-icon icon-class="back" class="icon" />
      </span>
      <span class="center">资金明细</span>
    </div>
    <ul class="list">
      <li class="list-item">
        <div class="txt-bar">
          <p>
            <span>抢单成功</span>
            <span class="increase">{{ "+10000.00" }}</span>
          </p>
          <p class="prompt">2018-11-11 18:33</p>
        </div>
      </li>
      <li class="list-item">
        <div class="txt-bar">
          <p>
            <span>抢单成功</span>
            <span class="reduce">{{ "-10000.00" }}</span>
          </p>
          <p class="prompt">2018-11-11 18:33</p>
        </div>
      </li>
    </ul>
  </div>
</template>

<style lang="scss" scoped>
.increase {
  color: #349201;
}
.reduce {
  color: #eb7572;
}
</style>
